<!-- 文档头的声明 按照html5的方式去管理代码-->
<!DOCTYPE html>
 <!--根标签-一个文档只有一个 lang-语言 en-英文  -->
<html lang="en">
  <!-- head标签 在网页是不显示的 -用于声明元数据和引入外部标签 -->
<head>
  <!-- 自结束标签 不需要双双配对结束 例：<div></div> -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--content-声明页面自适应设备宽度  -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- title-选项卡的标题 -->
  <!-- ctrl+回车-自动换行 -->
  <title>HelloHtml</title>
</head>
<!-- body-显示文档内部区域 -->
<!-- 元素-单元素/双元素   单元素：img、br、hr 双元素：div、span、p -->
<body>
  <!-- 1、镜面嵌套 建议：块级元素嵌套行内元素 -->
  <div>
    <div></div>
  </div>

  <!-- 2、交叉嵌套（不要使用） -->
  <div>
    <div>
  </div>
    </div>


    <!--3、属性 属性写在开始标签内部 属性名=属性值 多对属性之间使用空格隔开 属性值加"" 或者''
    绝大多数标签都具有属性：id title style class -->
    <!-- id 唯一标识一个元素 -->
    <div id="one" class="test">我是id</div>
    <!-- class 标识一类元素 -->
    <div class="test">我是class</div>
    <!-- style 内联样式 书写css样式 -->
    <div style="background-color: red;">我是style</div>
    <!-- title 提示说明 -鼠标悬浮到标签上的提示说明 -->
    <div title="我是一个块级元素">我是title</div>

    <!-- 4、空白语法 -希望有空格时 利用字符实体-->
    <!-- 字符实体
      空白语法:无论标签内部上写了多少空格浏览器都会解析为一个空格 
      使用:一个空格-&nbsp;  >(大于号)- &gt; >(小于号)-&lt;

    -->
    <div>&gt;&lt;空白&nbsp;&nbsp;&nbsp语法</div>

  
</body>
</html>